﻿body{
min-width:1200px;
}
#wrapper{
background: #f2f2f2;
}
/*------------------
topNav
--------------------*/
.topNav{
position: relative;
height:38px;
line-height: 38px;
background: #f5f5f5;
z-index:100;
}
.topNav .container{
padding-bottom:0;
}
.topNav .container{
background: none;
}
.topNav .topLeft:after,
.topNav .topRight:after,
.topNav .city ul:after{display:block;clear:both;content:''}
.topNav .topLeft{
float: left;
width:355px;
padding-left: 20px;
zoom:1
}
.topNav .topRight{
float: right;
width:592px;
zoom:1
}
.topNav .home,
.topNav .member,
.topNav .loginout,
.topNav .trolley,
.topNav .mall,
.topNav .area{
float: left;
margin-right:20px;
_width:60px;
_margin-right:10px;
}
.topNav .welcome,
.topNav .tplink{
float: left;
margin-right:10px;
padding-right:11px;
background: url(../images/icons_topnav.png) no-repeat right -149px;
}
.topNav .home{
color: #f75e4e;
}
.topNav .message{
float: left;
margin-right: 10px;
padding-left:16px;
background: url(../images/icons_topnav.png) no-repeat 0 14px;
}
.topNav .message em{
color: #ff4747;
}
.topNav .city{
float: left;
position: relative;
margin:8px 0 0 0;
}
.topNav .city .chs{
position: relative;
min-width:40px;
_width:40px;
height:20px;
line-height: 20px;
padding:0 20px 0 10px;
border:1px solid #eae7e7;
color: #3e3d3d;
font-weight: bold;
cursor:pointer;
z-index:2;
background:#fff url(../images/icons_topnav.png) no-repeat right -89px;
}
.topNav .city.on{
margin:8px 0 0 0;
}
.topNav .city.on .chs{
border-bottom: none;
background:#fff url(../images/icons_topnav.png) no-repeat right -246px;
}
.topNav .city .citychs{
display:none;
position: absolute;
left:0;
top:20px;
width:500px;
background: #fff;
border:1px solid #eae7e7
}
.topNav .city .htcy{
padding:0 0 0 15px;
border-bottom:1px solid #eae7e7;
}
.topNav .city .htcy a{
margin-right:10px;
}
.topNav .city .ctypewp{
height:180px;
overflow-y:auto;
overflow-x:hidden;
}
.topNav .city .ctype{
padding:0 10px;
}
.topNav .city .ctype li{
margin:10px 0;
zoom:1
}
.topNav .city .ctype li:after{display:block;clear:both;content:''}
.topNav .city .ctype span{
float: left;
width: 24px;
height: 24px;
margin-right:10px;
line-height: 24px;
background: #f0f0f0;
text-align: center;
}
.topNav .city .ctype p{
float: left;
width:400px;
zoom:1;
}
.topNav .city .ctype p:after{display:block;clear:both;content:''}
.topNav .city .ctype a{
float: left;
margin-right:8px;
padding:3px 8px;
white-space:nowrap;
}
.topNav .city .ctype a:hover,
.topNav .city .ctype a.now{
background:#ff4747;
color: #fff;
text-decoration: none;
}
.topNav .srcity{
padding:0 0 0 15px;
background: #f8f8f8;
}
.topNav .srcity input{
height:22px;
line-height:22px;
padding:0 5px;
width: 100px;
border:1px solid #ddd;
}
.topNav .srcity a{
display: inline-block;
*display:inline;
*zoom:1;
width:50px;
height:22px;
line-height:22px;
margin-left:10px;
background:#ff4747;
text-align: center;
color: #fff;
}
.topNav .city .curr a{
color: #f75e4e
}
.topNav .myAcct,
.topNav .phone,
.topNav .service,
.topNav .trolley{
float: left;
position: relative;
margin:5px 20px 0 0;
_width:84px;
}
.topNav .phone{
_width:74px;
}
.topNav .service{
margin-right:10px;
_width:74px;
}
.topNav .mall{
_width:48px;
}
.topNav .area{
_width:90px
}
.topNav .member{
_width:90px;
}
.topNav .topRight .open{
margin-left: -1px;
margin-right: 19px;
background: #fff;
}
.topNav .topRight ul{
display: none;
position: absolute;
left:0;
top:28px;
padding:0 0 5px;
background: #fff;
border:1px solid #eae7e7;
z-index:1
}
.topNav li{
padding:0 16px 0 6px;
line-height: 22px;
}
.topNav .open{
margin-top:4px;
background: #fff;
}
.topNav .topRight p{
position: relative;
height:28px;
line-height: 28px;
padding:0 16px 0 6px;
cursor:pointer;
z-index:2;
background:url(../images/icons_topnav.png) no-repeat right -184px;
}
.topNav .open p{
border:1px solid #eae7e7;
border-bottom:none;
background:#fff url(../images/icons_topnav.png) no-repeat right -214px;
}
.topNav .trolley p span{
float: left;
padding-left: 18px;
background: url(../images/icons_topnav.png) no-repeat 0 -118px;
}
.topNav .trolley strong{
margin:0 1px;
font-size: 14px;
color: #fc5242;
}
.topNav .mall{
padding:0 0 0 16px;
background: url(../images/icons_topnav.png) no-repeat 0 -16px;
}
.topNav .topRight .phone span{
display: block;
padding-left:22px;
background:url(../images/icons_topnav.png) no-repeat 7px -53px;
}
.topNav .phone p{
padding-left: 0;
}
.topNav .phone ul{
width:240px;
padding-top:5px;
}
.topNav .phone li{
float: left;
width:104px;
padding:5px 0 0;
text-align: center;
line-height: 1.4;
}
.topNav .phone em{
display: block;
color: #f75e4e;
}
.topNav .trlcont{
display: none;
position: absolute;
width: 290px;
padding:5px 10px 15px;
left:0;
top:28px;
border:1px solid #eee;
background: #fff;
}
.topNav .trlcont h3{
font-size: 12px;
color: #2a2929;
}
.topNav .trlcont li:after{display:block;clear:both;content:''}
.topNav .trlcont li{
position: relative;
padding:0;
height:53px;
zoom:1
}
.topNav .trlcont ol{
border-bottom: 1px solid #eee;
}
.topNav .trlcont .pic{
float: left;
width: 50px;
background: none
}
.topNav .trlcont dd{
color: #bfbfbf;
}
.topNav .trlcont dd span{
margin-right:5px;
}
.topNav .trlcont .trlrt{
position: absolute;
right:0;
top:0;
text-align: right;
}
.topNav .trlcont .trlrt strong{
display:block;
color: #262626;
}
.topNav .trlcont .trlrt em{
color: #fb6a63;
}
.topNav .trlcont .trlrt a{
margin-right:2px;
}
.topNav .trlcont .trltotl{
text-align: right;
color: #3c3c3c;
line-height:1.4;
}
.topNav .trlcont .trltotl span{
display: block;
line-height: 40px;
font-weight: bold;
}
.topNav .trlcont .trltotl a{
padding:4px 7px;
color: #fff;
background: #ff4747;
}
/*------------------
header
--------------------*/
#header{
height:110px;
background: #fff;
position: relative;
z-index:99;
}
#header .container{
padding-bottom:0;
}
#header .logo{
float: left;
width: 405px;
padding:35px 0 0 35px;
zoom:1
}
#header .logo:after{display:block;clear:both;content:''}
#header .logo li{
float: left;
}
#header #iSearch{
float: left;
width: 500px;
}
#header .form{
width:494px;
height:30px;
margin-top:30px;
}
#header .form .text{
float: left;
border:none;
width: 406px;
height:30px;
line-height: 30px;
padding-left:10px;
font-size: 14px;
background: none;
}
#header .form .text:focus{
outline:none
}
#header .form .button{
float: left;
width:78px;
height:30px;
border:none;
color: #fff;
font-weight: bold;
font-size: 14px;
cursor:pointer;
}
#header #hotwords{
padding-top:6px;
}
#header #hotwords em{
margin-right:4px;
}
#header #hotwords a{
margin-right:10px;
}
#header #hotwords a:hover{
text-decoration: none;
}
#header .prtSearch .form{
border:3px solid #3dd1cb;
}
#header .prtSearch .form .button{
background:#3dd1cb;
}
#header .prtSearch #hotwords a:hover{
color: #17a298
}
#header .cmnSearch .form{
position: relative;
border:3px solid #ff4747;
}
#header .cmnSearch .form .button{
background:#ff4747;
}
#header .cmnSearch #hotwords a:hover{
color: #ff4747
}
#search_suggest{
position: absolute;
width:418px;
left:-3px;
top:32px;
background: #fff;
z-index:99;
border:1px solid #ff4747;
}
#search_suggest li{
height:30px;
line-height: 30px;
padding-left:12px;
cursor: pointer;
}
#search_suggest li:hover{
background: #f2f2f2
}
/*------------------
navArea
--------------------*/
#navArea{
position: relative;
height:47px;
z-index:98;
}
#navArea .container{
padding-bottom:0;
}
#navArea .mainNav{
width:990px;
margin:0 auto;
padding-left:210px;
font-size: 16px;
font-weight: bold;
zoom:1
}
#navArea .mainNav:after{display:block;clear:both;content:''}
#navArea .mainNav li{
float: left;
height:47px;
margin-right:1px;
line-height: 47px;
_width:100px;
}
#navArea .mainNav a{
display: block;
padding:0 35px;
_padding:0 32px;
color: #fff;
white-space:nowrap;
}
#navArea .mainNav a:hover{
text-decoration: none;
}
#navArea .subMenu,
#navArea .subMenuHm{
position:absolute;
left:0;
top:0;
width: 210px;
color: #fff;
}
#navArea .subMenu h2,
#navArea .subMenuHm h2{
position: relative;
height:47px;
padding: 0 0 0 20px;
line-height: 47px;
font-size: 16px;
background-image: url(../images/icons_common-account.png);
background-repeat:no-repeat;
background-position:188px -363px;
cursor:pointer;
z-index:2
}
#navArea .subMenuHm h2{
background-color: #fb1b1b;
}
#navArea .mnCont{
display: none;
color: #6f6e6e;
}
#navArea .subMenuHm .mnCont{
display: block;
}
#navArea .mnCont li{
position: relative;
border-top: 1px solid #fff;
background-image: url(../images/icons_common-account.png);
background-repeat:no-repeat;
background-position:188px -297px;
}
#navArea .mnMgz,
#navArea .mnShow{
background-color: #f9f9f9;
}
#navArea .mnMov,
#navArea .mnPrst{
background-color: #f2f2f2;
}
#navArea .mnCont .mainLk{
display:block;
height:57px;
width:148px;
padding:19px 0 0 58px;
}
#navArea .mnCont .on{
position: relative;
margin:-1px 0;
border:1px solid #fb1b1b;
border-right:none;
border-left:none;
background: #fff;
z-index: 5;
}
#navArea .mnCont .on .mainLk{
position: relative;
padding-top: 20px;
height:57px;
border-right:1px solid #fff;
z-index:10;
}
#navArea .mnCont .mainLk:hover{
text-decoration: none;
}
#navArea .mnMgz .mainLk{
background:url(../images/icons_common-account.png) no-repeat 10px 23px;
}
#navArea .mnMgz.on .mainLk{
background-position:10px 24px
}
#navArea .mnMov .mainLk{
background:url(../images/icons_common-account.png) no-repeat 10px -54px;
}
#navArea .mnMov.on .mainLk{
background-position:10px -53px
}
#navArea .mnShow .mainLk{
background:url(../images/icons_common-account.png) no-repeat 12px -133px;
}
#navArea .mnShow.on .mainLk{
background-position:12px -132px
}
#navArea .mnPrst .mainLk{
background:url(../images/icons_common-account.png) no-repeat 13px -217px;
}
#navArea .mnPrst.on .mainLk{
background-position:13px -216px
}
#navArea .mnMgz .menuKwd a,
#navArea .mnMgz .getinLink{
background: #ff8b36;
}
#navArea .mnPrst .menuKwd a,
#navArea .mnPrst .getinLink{
background: #3ed1cb;
}
#navArea .mnMov .menuKwd a,
#navArea .mnMov .getinLink{
background: #5d6789;
}
#navArea .mnShow .menuKwd a,
#navArea .mnShow .getinLink{
background: #5f93f2;
}
#navArea .mnCont dt{
margin-bottom:5px;
font-weight: bold;
color: #030303;
font-size: 14px;
}
#navArea .mnCont dd{
height:26px;
}
#navArea .mnCont span{
margin-right: 10px;
}
#navArea .fnMenuDiv{
position: absolute;
left:206px;
top: -1px;
width:660px;
background: #fff;
padding:40px 15px 15px;
border: 1px solid #fb1b1b;
}
#navArea .menuKwd{
position: absolute;
top:10px;
left:15px;
}
#navArea .menuKwd a{
padding:3px 5px;
margin-right: 20px;
color: #fff;
}
#navArea .getinLink{
position: absolute;
right: 0;
top: 5px;
height: 30px;
padding:0 20px;
line-height: 30px;
color:#fff;
font-family: simsun;
font-size:14px;
}
#navArea .mnTypeItem:after,
#navArea .mnTypePart dd:after{display:block;clear:both;content:''}
#navArea .mnTypePart{
float: left;
width: 275px;
}
#navArea .mnTypePart.mnItem1{
width: 295px;
}
#navArea .mnTypePart.mnItem2{
width: 395px;
}
#navArea .mnTypePart.mnItem3{
width: 426px;
margin-top: 30px;
}
#navArea .mnTypePart.mnItem4{
width: 460px;
}
#navArea .mnTypePart h3{
margin-bottom: 15px;
color: #000;
}
#navArea .mnTypeItem{
width:270px;
}
#navArea .mnItem2 .mnTypeItem{
width: 410px;
margin-top:10px;
}
#navArea .mnItem4 .mnTypeItem{
width: 460px;
margin-top:10px;
}
#navArea .mnItem3 .mnTypeItem{
width: 426px;
}
#navArea .mnTypePart.mnItem1 ul{
border-right: 1px solid #e2e2e2;
}
#navArea .mnTypeItem li{
float: left;
width: 135px;
margin-bottom: 30px;
min-height:60px;
background: none;
border-top: none;
}
#navArea .mnItem2 .mnTypeItem li{
width:205px;
}
#navArea .mnItem3 .mnTypeItem li{
float: none;
width: 426px;
}
#navArea .mnItem4 .mnTypeItem li{
width:230px;
}
#navArea .mnTypeItem dl{
font-size: 12px;
line-height: 1.6em;
}
#navArea .mnTypeItem dt{
margin-bottom: 0;
font-size: 12px;
font-weight:normal;
}
#navArea .mnTypeItem dd{
height: auto;
}
#navArea .mnTypeItem dd a{
float: left;
width: 60px;
color: #b2afaf;
}
#navArea .mnItem3 .mnTypeItem a{
float: none;
display: inline-block;
width:auto;
margin-right:15px;
white-space: nowrap;
}
#navArea .mnItem4 .mnTypeItem a{
width:auto;
margin-right: 15px;
display: inline-block;
white-space: nowrap;
}
#navArea .mnTypeItem dd a:hover{
color: #333;
}
#navArea .mnTypeItem li.last{
margin-bottom: 0;
}
#navArea .recmmPic{
float: left;
width: 86px;
margin-top: 40px;
}
#navArea .recmmPic a{
display: block;
margin-bottom: 10px;
}
#navArea .recmmPic img{
vertical-align: top;
}
#navArea .recmm2{
margin-top:10px;
}
#navArea #movPicshow{
float:right;
width: 233px;
height: 200px;
margin-top: 20px;
overflow: hidden;
}
#navArea #showPicshow{
float:right;
width: 198px;
height: 290px;
margin-top: 20px;
overflow: hidden;
}
#navArea .owl-theme .owl-controls .owl-page span{
margin:0 0 0 6px;
}
.mnMov .owl-theme .owl-controls .owl-page.active span,
.mnMov .owl-theme .owl-controls.clickable .owl-page:hover span{
background: #5d6789;
}
.mnShow .owl-theme .owl-controls .owl-page.active span,
.mnShow .owl-theme .owl-controls.clickable .owl-page:hover span{
background: #5f93f2;
}
/*rednav*/
.rednav,
.rednav .container{
background: #ff4747;
}
.rednav .mainNav .on a,
.rednav .mainNav a:hover{
background: #e71204;
}
.rednav .subMenu h2{
background-color:#fb1b1b;
}
.rednav .mnCont{
border:2px solid #fb1b1b;
border-top: none;
}
/*greenav*/
.greenav,
.greenav .container{
background: #3dd1cb;
}
.greenav .mainNav .on a,
.greenav .mainNav a:hover{
background: #17a298;
}
.greenav .subMenu h2{
background-color:#22b9b1;
}
.greenav .mnCont{
border:2px solid #22b9b1;
border-top: none;
}
/*breadCrumb*/
.breadCrumb{
padding:10px 0 0 25px;
font-family: simsun;
}
.breadCrumb a{
margin-right:10px;
}
.breadCrumb em{
font-family: arial,simsun;
margin-left:10px;
color: #ff4747
}
/*------------------
.button
--------------------*/
.buy{
display: block;
height: 45px;
line-height: 45px;
background-color: #ff4747;
color: #fff;
font-family: "microsoft Yahei";
font-size:18px;
}
/*------------------
.pagenav
--------------------*/
.pagenav {
font-size: 14px;
line-height: 18px;
padding:30px 0;
text-align: center;
}
.pagenav a {
transition: all 0.3s ease 0s;
}
.pagenav:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.pagenav .extend {
padding: 0 9px 0 4px;
}
.pagenav a, .pagenav .current {
margin-right: 4px;
padding:15px;
}
.pagenav .current {
text-decoration: none;
}
/*------------------
.clmn
--------------------*/
.clmn{
position: relative;
height:294px;
border: 1px solid #e0e0e0;
}
.clmn h2{
height: 43px;
padding-left:15px;
line-height: 43px;
border-bottom: 1px solid #e0e0e0;
background: #f2f2f2;
font-family: "microsoft Yahei";
font-size:16px;
}
.clmn .clmnList1{
padding:10px 5px 0;
}
.clmn .clmnList1 li{
margin-bottom:10px;
zoom:1
}
.clmn .clmnList1 li:after,
.clmn .clmnList2:after{display:block;clear:both;content:''}
.clmn .clmnList1 .pic{
float: left;
width:70px;
height:70px;
margin-right:6px;
}
.clmn .pic img{
border:1px solid #e3e3e3
}
.clmnList1 dl{
float: left;
width:120px;
padding-top:4px;
}
.clmn em,
em.price{
color: #ff4747;
font-size: 18px;
}
.clmn em b,
em.price b,
em.price2 b{
font-size: 14px;
}
.clmn .clmnList2{
padding:25px 0 0;
}
.clmn .clmnList2 li{
width:134px;
float: left;
margin:0 0 0 52px;
}
.clmn .clmnList2 dd{
margin-top:5px;
text-align: center;
}
.clmn .delete{
position: absolute;
right:10px;
top:11px;
display: block;
width: 14px;
height: 21px;
background: url(../images/icons_prst.png) no-repeat -1px -2102px;
}
.clmn .dotNav{
position: absolute;
right:20px;
top:11px;
}
.clmn .dotNav li{
height:24px;
width: 24px;
float: left;
margin-left:20px;
background: #a5a5a5;
cursor:pointer;
}
.clmn .dotNav .on{
background: #ff4747;
}
.clmn .dotNav2{
position: absolute;
right:10px;
top:15px;
}
.sdlistWrp{
height:240px;
overflow: hidden;
}
.clmn .dotNav2 li{
height:13px;
width: 13px;
float: left;
margin-left:5px;
background: #a5a5a5;
cursor:pointer;
}
.clmn .dotNav2 .on{
background: #ff4747;
}
.clmn .limg1 li{
margin-left:0;
padding-left:56px;
}
.clmn.htauto{
height: auto;
margin-bottom:-1px;
}
.clmn.htauto .clmnList2 li{
float: none;
margin:0 0 10px 37px;
}
.clmn .limg1 .add{
background: url(../images/icons_goods.png) no-repeat 15px 72px;
}
.clmn .limg1 .equal{
width:170px;
padding-top:30px;
text-align: center;
background: url(../images/icons_goods.png) no-repeat 15px -118px;
}
.clmn .limg1 .equal p{
margin-bottom:5px;
}
.clmn .limg1 .value2{
color: #959595;
}
.clmn .limg1 .value1 em,
em.price2{
font-size:24px;
color: #ff4747;
}
.clmn .limg1 .buy{
width: 150px;
margin:20px auto 0;
color: #fff;
}
.clmn.htauto .clmnList2 dd{
margin-top:0;
}
.clmn .clmnList2 dd input{
margin-right:4px;
vertical-align: -1px;
}
#btgdPart{
width: 978px;
padding-top:25px;
}
#btgdPart .item{
text-align: center;
width: 134px;
padding: 0 26px;
}
#btgdPart .item dt{
text-align: left;
height:38px;
overflow: hidden;
}
#btgdPart .owl-controls{
position:absolute;
top:-38px;
right:10px;
}
#btgdPart .owl-controls .owl-page span{
width: 22px;
height: 22px;
}
#btgdPart .owl-controls .owl-page.active span,
#btgdPart .owl-controls.clickable .owl-page:hover span{
background: #ff4747;
}
/*------------------
.gdList
--------------------*/
.gdList{
width: 100%;
overflow: hidden;
margin:30px 0;
}
.gdList ul{
margin-left: -20px;
zoom:1
}
.gdList ul:after{display:block;clear:both;content:''}
.gdList li{
position: relative;
float: left;
width:224px;
padding:3px;
margin:0 0 25px 20px;
}
.gdList li a{
position: relative;
z-index:2
}
.gdList li .ttl{
display: block;
height: 38px;
margin-bottom:5px;
}
.gdList li .gdInfo{
position: relative;
padding:5px 10px;
z-index:2
}
.gdList li em{
color: #fb6a63;
font-size: 18px;
}
.gdList li em b{
font-size: 14px;
}
.gdList li .love{
position: absolute;
right:10px;
bottom:10px;
color: #3fc2bb;
background: url(../images/icons_prst.png) no-repeat 0 -959px;
padding-left: 20px;
cursor:pointer;
}
.gdList li .btn{
position: absolute;
top:200px;
left:10px;
}
.gdList li .btn .addbuy{
position: relative;
margin-right:10px;
padding:5px 5px 5px 25px;
background: #fb6a63 url(../images/icons_prst.png) no-repeat 2px -2043px;
color: #fff;
zoom:1;
z-index:5;
}
.gdList li .btn .like{
position: relative;
padding:5px 5px 5px 25px;
background: #3dd1cb url(../images/icons_prst.png) no-repeat 4px -1019px;
color: #fff;
zoom:1;
z-index:5;
}
.gdList li .btn .delete{
padding:5px 5px 5px 25px;
background: #d0d0d0 url(../images/icons_prst.png) no-repeat 7px -2159px;
color: #fff;
zoom:1;
}
.gdList li .btn a:hover{
text-decoration: none;
}
.gdList li .moveOn{
display: none;
position: absolute;
top:0;
left:0;
width: 224px;
height:310px;
border:3px solid #e4e4e4;
z-index:1;
}
/*------------------
#footer
--------------------*/
#footer{
clear:both;
margin-top:80px;
padding-bottom:30px;
background: #e4e4e4;
color: #555;
}
#footer .footNav{
width:810px;
margin: 0 auto;
padding:0 30px 30px;
zoom:1
}
#footer .footNav:after,
#footer .ftTese:after{display:block;clear:both;content:''}
#footer .ftnavItem{
float: left;
width:142px;
}
#footer .ftTese{
padding:20px 30px 30px;
zoom:1
}
#footer .ftTese dl{
float: left;
padding:0 80px;
width:66px;
border-right:1px solid #bababa;
text-align: center;
font-family: "microsoft Yahei"
}
#footer .ftTese dt{
padding:55px 0 5px;
color: #030303;
font-size: 16px;
}
#footer .ftTese dd{
padding-bottom:10px;
color: #707070;
font-size: 14px;
}
#footer .ftTese .ts1{
padding-left:0;
}
#footer .ftTese .ts4{
padding-right:0;
border-right:none;
}
#footer .ftTese .ts1 dt{
background: url(../images/icons_common-account.png) no-repeat 13px -644px;
}
#footer .ftTese .ts2 dt{
background: url(../images/icons_common-account.png) no-repeat 13px -753px;
}
#footer .ftTese .ts3 dt{
background: url(../images/icons_common-account.png) no-repeat 13px -858px;
}
#footer .ftTese .ts4 dt{
background: url(../images/icons_common-account.png) no-repeat 13px -978px;
}
#footer .ftnavItem.last{
width:90px;
}
.ftnavItem h3{
padding:6px 0 15px;
font-size:16px;
color: #000;
font-weight: normal;
}
#footer .ftnavItem li{
margin-bottom:3px;
}
#footer .rltWrap{
width: 840px;
margin:0 auto;
padding-top:30px;
}
#footer .rltList{
zoom:1;
}
#footer .rltList:after,
#footer .frdLink:after{display:block;clear:both;content:''}
#footer .rltList li{
display: inline-block;
*display: inline;
*zoom:1;
padding:0 8px 5px 9px;
background: url(../images/icons_topnav.png) no-repeat left -278px;
}
#footer .rltList li.first{
background: none;
}
#footer .frdLink{
zoom:1;
margin-bottom:30px;
}
#footer .frdLink .frdTtl{
float: left;
width:72px;
text-align: right;
}
#footer .cpnLink{
text-align: center;
}
#footer .frdLink .rltList{
float: left;
width:738px;
}
#footer .frdLink .more{
font-family: simsun;
}
#footer .copyright{
margin:5px 0 15px;
text-align: center;
}
#footer .brand{
text-align: center;
}
#footer .brand span{
margin:0 2px;
}
#footer .brand img{
border:1px solid #bdbdbd;
}
#footer .ftSns{
background: #fff;
}
#footer .ftSns .ftSnsWrap{
width:840px;
margin: 0 auto;
padding:18px 0;
zoom:1
}
#footer .ftSns .ftSnsWrap:after{display:block;clear:both;content:''}
#footer .ftSns ul{
	width:830px;
	height:196px;
	background:url(../images/img_qrcode_footer.gif) no-repeat 0 0
}
#footer .ftSns li{
	width:185px;
	padding:57px 0 0 90px
}
#footer .ftSns a{
	margin-right:5px;
	float:left
}
#footer .ftSns .a1{
	width:80px;
	height:18px;
	background:url(../images/btn_ios.gif) left top no-repeat
}
#footer .ftSns .a1:hover{
	background:url(../images/btn_ios1.gif) left top no-repeat
}
#footer .ftSns .a2{
	width:80px;
	height:18px;
	background:url(../images/btn_android.gif) left top no-repeat
}
#footer .ftSns .a2:hover{
	background:url(../images/btn_android1.gif) left top no-repeat
}
#footer .wbgb{
	width:80px;
	height:21px;
	line-height:21px;
	border:solid 1px #ccc;
	font-size:12px;
	color:#666;
	position:absolute;
	bottom:16px;
	right:112px;
	background:#fff;
	text-align:center;
	text-decoration:none
}
#footer a:hover.wbgb{
	color:#ff4747
}
.mask{
display: none;
position: fixed;
width: 100%;
height:100%;
left:0;
top:0;
z-index:100;
background:#000;
filter: alpha(opacity=70);
background:rgba(0,0,0,0.7);
}
/*w980*/
.w980{
min-width:980px;
}
.w980 .container{
width: 980px;
}
.w980 #navArea .mainNav{
width:770px;
}
.w980 #navArea .mainNav li{
_width:80px;
}
.w980 #navArea .mainNav a{
padding:0 23px;
}
.w980 .fLeft1,
.w980 .fLeft2{
width:760px;
}
.w980 .fLeft3{
width:820px
}
.w980 .fLeft3 .fLeft3_wrap{
width:820px;
}
.w980 .fLeft4{
width:750px
}
.w980 .fLeft4  .fLeft4_wrap{
width:750px
}
.w980 #btgdPart{
width:758px;
}
.w980 .clltList,.w980 .itemList{
width: 332px;
}
.w980 .gdList ul{
margin-left:-35px;
}
.w980 .gdList li{
margin-left:35px;
}
/*greenav*/
.bluenav,
.bluenav .container{
background: #424965;
}

.bluenav .mainNav .on a,
.bluenav .mainNav a:hover{
background: #2a3046;
}
.bluenav .subMenu h2{
background-color:#353b55;
}
.bluenav .mnCont{
border:2px solid #22b9b1;
border-top: none;
}
#header .movieSearch .form{
border:3px solid #424965;
}
#header .movieSearch .form .button{
background:#424965;
}
#header .movieSearch #hotwords a{
color: #6f6f6f
}
#header .movieSearch #hotwords a:hover{
color: #6f6f6f; text-decoration:underline;
}
/*20151123*/
.slogenInn{
    position:relative;
}
.slogenInn span{
    position:absolute;
    display: none;
    top: 58px;
    left: 0px;
    width:180px;
    border:3px solid #ff6f00;
}
.slogenInn span img{
    width:100%;
    vertical-align: top;
}
.slogenInn:hover span{
    display: block;
}